<!--  -->
<template>
  <div class='changedetails'>
    <!-- <Header-Comp title="变更详情" /> -->
    <div class="changedetails_result">
      <van-icon name="checked"
                color="#4AB759"
                size="30" />审核通过
    </div>
    <div class="changedetails_list">
      <span>2021-03-17 11:15:10 李毅臣</span>
      <div>将详细地址由<h3>宝安中心</h3>改为<h3>宝安中心中科大厦</h3>
      </div>
    </div>
  </div>
</template>

<script>
//这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）
//例如：import 《组件名称》 from '《组件路径》';

export default {
  components: {
    HeaderComp: () => import('@/components/HeaderComp')
  },
  data () {
    //这里存放数据
    return {
      data: {}
    };
  },
  //监听属性 类似于data概念
  computed: {},
  //监控data中的数据变化
  watch: {},
  //生命周期 - 创建完成（可以访问当前this实例）
  created () {
    // LoadData().then(res => {
    //   this.data = res.data.data
    // })
  },
  //生命周期 - 挂载完成（可以访问DOM元素）
  mounted () {

  },
  //方法集合
  methods: {

  },

}
</script>
<style lang='less' scoped>
.changedetails {
  background: #f9f9f9;
  height: 100%;
  .changedetails_result {
    height: 135px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 31px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #131313;
    i {
      margin-right: 24px;
    }
  }
  .changedetails_list {
    height: 148px;
    background: #ffffff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 26px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #3d3d3d;
    padding: 0 30px;
    div {
      display: flex;
      font-size: 32px;
      font-family: PingFang SC;
      margin-top: 22px;
      h3 {
        color: #131313;
      }
    }
  }
}
</style>